<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    li{
        list-style: none;
        display: inline-block;
        margin-right: 15px;
        margin-top: 30px;
    }

</style>
<body>
    <h2>商品图片展示--></h2>
    <div id="app">
        <ul id="img_ul">
            <li v-for="img in map.img">
                <a href="javascript:;">
                    <img :src="img.imgPath">
                </a>
            </li>
        </ul>
    </div>

    <script src="../../style/vue.js"></script>
    <script src="../../style/jquery-3.3.1.js"></script>
    <script>
        $(function (){
            let map = selProductImage();
            let app = new Vue({
                el:"#app",
                data:{
                    map,
                }
            })

        })
        function selProductImage(){
            let map;
            $.ajax({
                type:"post",
                url:"../../ProductImage/selProductImage",
                dataType:"json",
                async:false,
                success:function (data){
                    map = data;
                }
            })
            return map;
        }
    </script>
</body>
</html>